﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>dictionary version 0.1</title>
<style type="text/css">
<!--
body {background-color:pink;
      }
@media screen and (max-width: 1080px) {
	#left {
		display:none;
		}
	}
#left {
       float:left;
	   margin:0px;
	   overflow:auto;
	   width:20%;
	   height:500px;
	   background-color:pink;
	   }
#right {
	   margin:0px;
	   overflow:auto;
	   width:80%;
	   height:500px;
	   background-color:pink;
	   }

-->
</style>
</head>

<body onload = "loadXml()">
<script type="text/javascript" src="./inq.js" ></script>
<script type="text/javascript" src="./jquery-1.11.3.js"></script>
<div align="center"><p style="color:red; font-weight:bold;">cDictionary version 0.1</p></div>
<div align="center"><form id="form1" name="form1" method="post" action="" onsubmit="return false;">
  <label>查询：
  <input type="text" name="inputWord" id="inputWord" />
  <input type="button" name="inq" id="inq" value="查询" onclick="inquire(inputWord.value)"/>
  </label>
  <p>&nbsp;</p>
  </form>
</div>
<div align="center">
<div id="left"><iframe height="90%" width="95%" id="wordList" name="wordList" scrolling="auto" style="border:solid 1px blue;"></iframe></div>
<div id="right"><iframe height="90%" width="95%" id="wordMeaning" name="wordMeaning" scrolling="auto" style="border:solid 1px red;"></iframe></div>
</div>
</body>
</html>